const path = require('path')

const { defineConfig } = require('@vue/cli-service')
const CopyWebpackPlugin= require('copy-webpack-plugin')
module.exports = defineConfig({
  transpileDependencies: true,
  configureWebpack:{//在vue.config.js中配置webpack的方式
    resolve:{
      alias:{
        '@': path.resolve(__dirname,"src")
      }
    },
    plugins:[
      // new CopyWebpackPlugin({//开发环境不需要使用到这个插件，开发环境中直接提供static目录,但是webpack5/vue3好像是public目录，可以用这个配置来配置static目录
      //   patterns:[
      //     {
      //       from:path.resolve(__dirname,'static'),
      //       to:'static' //输出到打包后的根路径下static下
      //     }
      //   ]
      // })
    ],
    devServer:{
      static:{
        directory:path.resolve(__dirname,'static'), //这个用来配置可以直接访问的静态资源目录，让static中的文件可以直接通过http:localhost:port/xxx访问
        publicPath:'/static' //用来配置静态资源访问的路径
      }
    }
  }
})
